<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
         <title>SimpleUI 示例中心-page</title>
		<meta name="description" content="SimpleUI是一个基于jQuery的组件库，适合用于构建web2.0的应用程序和小型网站" />
		<meta name="keywords" content="jQuery js simple ui simpleUI web application" />
        <link type="text/css" rel="stylesheet" href="../SyntaxHighlighter/SyntaxHighlighter.css"/>
        <link type="text/css" rel="stylesheet" href="../css/core.css"/>
        <style type="text/css">
            .demo-area{padding:15px;border:1px solid #eee;background:#fbfbfb;}
            .Y-pagination{font-family: Verdana;}
            .Y-pagination a,.Y-page-cur,.Y-page-prev,.Y-page-next,.Y-page-break{background-color: #FFF;border:1px solid #CCC; font-size: 12px;height: 23px;line-height: 23px;margin-right: 5px;min-width: 15px;overflow: hidden;padding:4px 8px; text-align: center;vertical-align: middle;white-space: nowrap;}
            .Y-pagination a{text-decoration:none; color:#0063DC}
            .Y-page-cur,.Y-pagination a:hover{border-color:#F60;color:#F50}
            .Y-page-cur{background-color:#FFEEE5;}
            .Y-page-break{border:none}
            .Y-page-skip{color:#999; font-size:12px; line-break:23px; vertical-align:middle;}
            .Y-page-jumpto{border:1px solid #999; height:18px; margin:0 5px; text-align:center; width:30px}
            .mb20{margin-bottom:20px}
        </style>
    </head>
    <body>
        <div class="container clearfix" id="hd">
            <h1 class="s-logo"></h1>
            <div class="s-nav">
                <span class="s-nav-l"></span>
                <span class="s-nav-r"></span>
                <ul class="clearfix">
                    <li class="current">
                        <a href="/doc/doc.html">文档</a>
                    </li>
                    <li>
                        <a href="/doc/demo.html">示例</a>
                    </li>
                    <li>
                        <a href="http://code.google.com/p/simple-ui/downloads/list">下载</a>
                    </li>
                    <li>
                        <a href="/doc/deploy.html">部署</a>
                    </li>
					<li>
                        <a href="http://www.iqianduan.org/t-191-1-1.html" target="_blank">论坛</a>
                    </li>
                    <li>
                        <a href="#">关于</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container" id="bd">
            <h2 class="s-title">SimpleUI示例中心</h2>
            <div class="clearfix doc-content demo-content">
                <div class="api-content">
                    <h2 class="api-name">SimplePagination Demo</h2>
                    <h3 class="api-guide">SimplePagination 应用</h3>
                    <textarea name="code" class="js"> 
                    $('#target').pagination({
                        count : 100,
                        size: 5,
                        current:3,
                        maxPage : 5,
                        callBack: function(pageIndex, pageSize){
                            $('.log').html('当前第 ' + pageIndex + ' 页，每页 ' + pageSize +' 条记录。');
                        }
                     });
                    </textarea>
                    <div class="demo-area">
                        <div class="log mb20"></div>
                        <div class="Y-pagination" id="target"></div>
                    </div>
                </div>
            </div>
        </div>
        <script src="../SyntaxHighlighter/shCore.js"></script>
        <script src="../SyntaxHighlighter/allmin.js"></script>
        <script type="text/javascript">
            dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/clipboard.swf';
            dp.SyntaxHighlighter.HighlightAll('code');
        </script>
        <script type="text/javascript" src="../../src/jquery.js"></script>
        <script type="text/javascript" src="../../src/_beta/SimpleCore.js"></script>
        <script type="text/javascript" src="../../src/_beta/SimplePagination/SimplePagination.js"></script>
        <script type="text/javascript">
         $('#target').pagination({
            count : 100,
            size: 5,
            current:3,
            maxPage : 5,
            callBack: function(pageIndex, pageSize){
                $('.log').html('当前第 ' + pageIndex + ' 页，每页 ' + pageSize +' 条记录。');
            }
         });
        </script>
		<span style="display:none"><script src="http://s24.cnzz.com/stat.php?id=3606083&web_id=3606083"></script></span>
    </body>
</html>
